<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>区域管理</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">

    <style type="text/css">
        .layui-col {
            height: 40px;
            line-height: 40px;
        }

        .layui-input-block {
            margin-left: auto;
        }
    </style>
</head>
<body>
<div class="layui-btn-container">
    <div class="layui-row">
        <div class="layui-col" style="float:left">
            <button type="button" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>新增区域</button>
            <button type="button" class="layui-btn"><i class="layui-icon"></i>删除区域</button>
            <button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon"></i>修改区域</button>
        </div>
        <div class="layui-col" style="float:left">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="username" name="username" lay-verify="required" placeholder="请输入"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-input-block layui-input-inline">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">查询</button>
                </div>
            </form>
        </div>
    </div>
</div>
<table class="layui-hide" id="test"></table>

<script type="text/html" id="toolbarDemo">

</script>
<script src="static/layui/layui.js" charset="utf-8"></script>

<script>layui.use('table', function () {
    var table = layui.table;
    table.render({
        elem: '#test'
        , url: '/equipment/findAllByLid?lid=1'
        , cols: [[
            {field: 'id', width: 80, title: 'ID', sort: true}
            , {field: 'username', width: 80, title: '用户名'}
            , {field: 'sex', width: 80, title: '性别', sort: true}
            , {field: 'city', width: 80, title: '城市'}
            , {field: 'sign', title: '签名', minWidth: 150}
            , {field: 'experience', width: 80, title: '积分', sort: true}
            , {field: 'score', width: 80, title: '评分', sort: true}
            , {field: 'classify', width: 80, title: '职业'}
            , {field: 'wealth', width: 135, title: '财富', sort: true}
        ]]
        , page: true
    });
});
</script>

</body>
</html>